import { Card } from 'antd';
import TotalCard from './components/TotalCard';
import VipChartCard from './components/VipChartCard';
import OrderCard from './components/OrderCard';
import ClassifyChartCard from './components/ClassifyChartCard';

const Home = () => {
  return (
    <div className="flex flex-col h-full">
      {/*  */}
      <Card>
        <div className="flex">
          {/* 统计 */}
          <TotalCard />
          {/* 会员图表 */}
          <VipChartCard />
        </div>
      </Card>
      {/*  */}
      <div className="mt-24 flex flex-1">
        <Card className="flex-1">
          {/* 订单 */}
          <OrderCard />
        </Card>
        <Card className="ml-24 w-500">
          {/* 分类图表 */}
          <ClassifyChartCard />
        </Card>
      </div>
    </div>
  );
};
export default Home;
